/* 设备图片和logo区 */
.devImg .deviceImg {
    background: url('../img/1440.png') no-repeat;
    background-size: cover;
}
.devImg .logo {
    background: url('../img/head.png') no-repeat;
    background-size: cover;
}
.dark .devImg .deviceImg {
    background: url('../img/1440.png') no-repeat;
    background-size: cover;
}
.dark .devImg .logo {
    background: url('../img/head.png') no-repeat;
    background-size: cover;
}

/* -----------------列表弹窗----------------- */
.spinnerWrap {
    position: absolute;
    width: 48%;
    background: #FFFFFF;
    opacity: 90%;
    border-radius: 16px;
    bottom: 84px;
    right: 0.1%;
    display: none;
}
.dark .spinnerWrap {
    background: #363636;
}

.spinnerWrap .spinnerList {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    color: rgba(0, 0, 0, 0.9);
    position: relative;
    padding: 0 16px;
}

.dark .spinnerWrap .spinnerList {
    color: rgba(255, 255, 255, 0.86);
}

.spinnerWrap .spinnerList:after {
    position: absolute;
    width: calc(100% - 32px);
    content: '';
    display: block;
    height: 1px;
    bottom: 0;
    transform: scaleY(0.25);
    background: rgba(0, 0, 0, 0.5);
}

.dark .spinnerWrap .spinnerList:after {
    background: rgba(255, 255, 255, 0.5);
}

.appear {
    animation: appear 300ms ease-in-out 0ms;
}

@keyframes appear {
    0% {
        height: 0px;
    }
    to {
        height: 192px;
    }
}

